/* CSS Document */
/*详情页左边样式*/
/*标题盒子*/
.titleBox { width:648px; margin-bottom:8px; }
.titleBox h2 { color:#0da4d3; font-family: "microsoft yahei", "黑体"; font-size:18px; font-weight:normal; line-height:240%;}
.titleBox p { color:#bbb; font-size:13px; font-family: "microsoft yahei", "黑体"; text-align:left; line-height:260%; }
.titleBox p a { color:#0da4d3; }
.titleBox p a:hover { color:#F2734C;}
.titleBox p a.editA{ color:#F2734C; }
.titleBox p a.editA:hover { text-decoration:underline; }
/*详情内容盒子*/
.contentBox { width:630px; margin-bottom:15px; border:1px solid #eee; padding:8px; color:#333; font-size:14px;  }
.contentBox img { max-width:600px !important; text-align:center;}
.contentBox p { line-height:1.8em; }
/*相关文章推荐*/
.relatedBox { width:648px; height:130px; margin-bottom:12px; }
.relatedBox .relatedTitle { width:638px; background: #f3f3f3; padding:5px 0; margin-bottom: 15px; border-left: 10px solid #e9e9e9; color: #aaa; font-size:14px;}
.relatedBox .relatedCon { width:630px; margin-left:18px; }
.relatedBox .relatedCon li { width:300px;  display:inline; float:left; line-height:220%; background:url(../images/li_icon.jpg) no-repeat left center; padding-left:15px;  }
.relatedBox .relatedCon li a { color:#0da4d3; font-size:13px; font-family: "Microsoft yahei","Century Gothic"; }
.relatedBox .relatedCon li a:hover { color:#F2734C;}

/*最佳答案盒子*/
.bestBox { width:630px; margin-bottom:12px; border:1px solid #eee; padding:8px; }
.bestTitle { width:630px;  padding:5px 0; margin-bottom: 15px; color:#333; font-size:14px; border-bottom:1px solid #eee;}
.bestTitle h4 { font-size: 14px; font-family: 微软雅黑; font-weight: normal; background: url(../images/best.jpg) no-repeat left center; padding-left: 38px; color: #333;  }
.bestCon { width: 630px; }
.bestCon .bestConL  { width:44px; height:44px; }
.bestCon .bestConL img { width:44px; height:44px; cursor: pointer; }
.bestCon .bestConR { width:580px; height:auto; text-align: left; }
.bestConRTop { padding-bottom: 5px; }
.bestConRTop .username { color:#37A; font-family: '微软雅黑'; font-size: 12px; padding-right: 15px; cursor: pointer; }
.bestConRTop .date { color: #999;}
.bestConRCon { color: #333; }
/*评论盒子*/
.commentBox { width:630px; margin-bottom:12px; border:1px solid #eee; padding:8px; }
.commentBox .commentTitle { width:630px;  padding:5px 0; margin-bottom: 15px; color:#333; font-size:14px; border-bottom:1px solid #eee;}
.commentCon { width:630px; }
.commentCon ul { width:630px; }
.commentCon ul li.commentParent { width:630px; padding-bottom:8px; }
.commentCon ul li.commentParent .imgBox { width:44px; height:44px; }
.commentCon ul li.commentParent .imgBox img { width:44px; height:44px; }
.commentCon ul li.commentParent .textBox { width:580px; height:auto; }
.commentCon ul li.commentParent .textBox .name a { color:#37A; }
.commentCon ul li.commentParent .textBox .name a:hover { background:#0da4d3; color:#FFF; }
.commentCon ul li.commentParent .textBox .word { color:#333; padding:4px 0;}
.commentCon ul li.commentParent .textBox .other { color:#999; }
.commentCon ul li.commentParent .textBox .other a { color:#999; }
.commentCon ul li.commentParent .textBox .other a:hover { color:#333; }
.commentCon ul li.commentParent .textBox .answerBox { width:580px; padding-top:8px; }
.commentCon ul li.commentParent .textBox .answerBox .answerBoxCon { width:580px; }
.commentCon ul li.commentParent .textBox .answerBox .answerBoxCon .answerFace {width:44px; height:44px;}
.commentCon ul li.commentParent .textBox .answerBox .answerBoxCon .answerFace img {width:44px; height:44px;}
.commentCon ul li.commentParent .textBox .answerBox .answerBoxCon .answerText { width:516px; height:auto; background: #fff; border: 1px solid #c7c7c7; padding: 2px 7px; overflow: hidden; zoom: 1; box-shadow: 1px 1px 1px #f2f2f2 inset; }
.commentCon ul li.commentParent .textBox .answerBox .answerBoxCon .answerTextCon { width:516px; height:36px; overflow:hidden; resize:none; border:0; font-size: 12px; display: block; color: #666; outline: 0; }
.commentCon ul li.commentParent .textBox .answerBox .answerBtnBox { width:580px; padding:8px 0; text-align:right; }
.commentCon ul li.commentParent .textBox .answerBox .answerBtnBox .answer_cancel { font-size:12px; color:#999; }
.commentCon ul li.commentParent .textBox .answerBox .answerBtnBox .answer_cancel:hover { text-decoration:underline; }
.commentCon ul li.commentParent .textBox .answerBox .answerBtnBox .answer_sub { color:#fff; text-decoration: none; font-weight: 600; cursor: pointer; display: inline-block; text-align: center; border: 1px solid transparent; border-radius: 2px; height: 22px; line-height: 22px; font-size: 12px; padding: 0 15px; border-color: #0da4d3; background: #0da4d3;  }


.commentCon ul li.commentSon { width:586px; padding-left:44px; padding-bottom:10px;  }
.commentCon ul li.commentSon .imgBox { width:44px; height:44px; }
.commentCon ul li.commentSon .imgBox img { width:44px; height:44px; }
.commentCon ul li.commentSon .textBox { width:536px; height:auto; }
.commentCon ul li.commentSon .textBox .name a { color:#37A; }
.commentCon ul li.commentSon .textBox .name a:hover { background:#0da4d3; color:#FFF; }
.commentCon ul li.commentSon .textBox .word { color:#333; padding:4px 0;}
.commentCon ul li.commentSon .textBox .other { color:#999; }
.commentCon ul li.commentSon .textBox .other a { color:#999; }
.commentCon ul li.commentSon .textBox .other a:hover { color:#333; }
.commentCon ul li.commentSon .textBox .answerBox { width:536px; padding:8px 0; }
.commentCon ul li.commentSon .textBox .answerBox .answerBoxCon { width:536px; }
.commentCon ul li.commentSon .textBox .answerBox .answerBoxCon .answerFace {width:44px; height:44px;}
.commentCon ul li.commentSon .textBox .answerBox .answerBoxCon .answerFace img {width:44px; height:44px;}
.commentCon ul li.commentSon .textBox .answerBox .answerBoxCon .answerText { width:472px; height:auto; background: #fff; border: 1px solid #c7c7c7; padding: 2px 7px; overflow: hidden; zoom: 1; box-shadow: 1px 1px 1px #f2f2f2 inset; }
.commentCon ul li.commentSon .textBox .answerBox .answerBoxCon .answerTextCon { width:472px; height:36px; overflow:hidden; resize:none; border:0; font-size: 12px; display: block; color: #666; outline: 0; }
.commentCon ul li.commentSon .textBox .answerBtnBox { width:536px; padding:8px 0; text-align:right; }
.commentCon ul li.commentSon .textBox .answerBtnBox .answer_cancel { font-size:12px; color:#999; }
.commentCon ul li.commentSon .textBox .answerBtnBox .answer_cancel:hover { text-decoration:underline; }
.commentCon ul li.commentSon .textBox .answerBtnBox .answer_sub { color:#fff; text-decoration: none; font-weight: 600; cursor: pointer; display: inline-block; text-align: center; border: 1px solid transparent; border-radius: 2px; height: 22px; line-height: 22px; font-size: 12px; padding: 0 15px; border-color: #0da4d3; background: #0da4d3;  }

.commentCon .noComment{ width:630px; height:30px; line-height:30px; text-align:center; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; color:#333; padding-bottom:15px; }

/*回复评论盒子*/
.replyBox { width:598px; background: #fff; border: 1px solid #ebebeb; padding: 15px 15px 0 15px; border-radius: 2px;}
.replyCon { width:598px; }
.replyFace { width:44px; height:44px; }
.replyFace img { width:44px; height:44px; }
.replyText { width:534px; height:auto; background: #fff; border: 1px solid #ddd; padding: 2px 7px; overflow: hidden; zoom: 1; box-shadow: 1px 1px 1px #f2f2f2 inset; }
.replyTexCon { width:534px; height:66px;  overflow:hidden; resize:none; border:0; font-size: 12px; display: block; color: #666; outline: 0;   }
.replyBtnBox { width:598px; padding:8px 0; text-align:right;   }
#reply_cancel { font-size:12px; color:#999; }
#reply_cancel:hover { text-decoration:underline; }
#reply_sub { color: #fff; text-decoration: none; font-weight: 600; cursor: pointer; display: inline-block; text-align: center; border: 1px solid transparent; border-radius: 2px; height: 22px; line-height: 22px; font-size: 12px; padding: 0 15px; border-color: #0da4d3; background: #0da4d3;  }

p.noLogin { width:100%; padding-bottom:15px; text-align:center; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; color:#000; }
p.noLogin a { color:#0da4d3;}
p.noLogin a:hover { background:#0da4d3; color:#FFF; }
/*详情页右边*/

/*文章作者信息盒子*/
.authorBox { width:295px; height:44px; margin-bottom:20px; background:#F9F9F9; padding:10px }
.authorBoxL { width:44px; height:44px; }
.authorBoxL img { width:44px; height:44px; }
.authorBoxR { width:240px; height:64px; text-align:left; }
.authorBoxR p.author_name { font-size:13px; color:#333; }
.authorBoxR p.author_level { font-size:13px; color:#666; }
.authorBoxR p.author_level a { color:#666; }
.authorBoxR p.author_level a:hover { color:#ec6941; }

/*添加文章*/
.addBoxWrap { width:646px;  border:1px solid #DFDFDF;  }
.addBox { width:606px;  padding:18px 20px; }
.addBoxTop { width:606px; height:56px; margin-bottom:20px; }
.addBoxTopL { width:56px; height:56px; }
.addBoxTopL img { width:56px; height:56px; }
.addBoxTopR { width:540px; height:56px; }
.addBoxTopR h5 { color:#111; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; font-weight:500; padding-bottom:8px; padding-top:4px; }
.addBoxTopR p { color:#C0C0C0; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; }
.addBoxCon { width:586px; padding:0 10px;  }
.addBoxCon ul { width:586px;}
.addBoxCon ul li{ width:586px; margin-bottom:15px; }
.addBoxCon ul li .msgContent { width:522px; padding:8px 0 0px 58px;  color:#F00; }
.addBoxCon ul li .item3 { width:50px; height:32px; line-height:32px; display:inline-block; text-align:center; margin-right:8px; color:#111; font-family: "Microsoft yahei","Century Gothic"; font-size:14px;   }
.addBoxCon ul li .item3 b { font-style:normal; font-weight:normal; color:#0AB18F; padding-right:4px; }
.addBoxCon ul li .text1 { width:380px; height:14px; padding:8px 0 8px 4px; border:1px solid #CCCCCC; color:#222; font-size:14px; font-family: "Microsoft yahei","Century Gothic";}
.addBoxCon ul li .select {width:150px; padding:3px; height:30px; border:1px solid #CCCCCC; color:#222; font-size:14px; font-family: "Microsoft yahei","Century Gothic";  }
.addBoxCon ul li .textarea1 { width:522px; height:60px; border:1px solid #CCCCCC; resize:none; overflow:hidden; color:#222; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; margin-bottom:20px;  }
.addBoxCon ul li .textarea2 { width:520px; border:1px solid #CCCCCC; resize:none; overflow:hidden; color:#222; font-size:14px; font-family: "Microsoft yahei","Century Gothic"; margin-bottom:20px;}
.addBoxCon ul li .sub1 { padding:0 24px; height:30px; line-height:21px;  font-size:15px; cursor:pointer; border:1px solid #348FD4; background:#348FD4; color:#FFF; font-weight:500;  }
.tipBox { width:313px;  border:1px solid #DFDFDF;}
.tipTitle { width:300px; height:40px; line-height:40px; background:#FBFBFB; border-bottom:1px solid #D4D4D4; font-size:15px; font-weight:600; color:#111; padding-left:13px; font-family: "Century Gothic","Microsoft yahei"; margin-bottom:10px; }
.tipCon { width:286px; padding-left:13px; padding-right:14px; height:328px; }
.tipCon ul { width:286px; }
.tipCon ul li { width:286px; color: #454545; padding-bottom:5px;  background:url(../images/li_icon.jpg) no-repeat left 5px;  padding-left:12px; }
